<h4>checkableRelation = "both"</h4>
<d-operable-tree [tree]="data1" [treeNodeTitleKey]="'name'"> </d-operable-tree>

<h4>checkableRelation = "upward"</h4>
<d-operable-tree [tree]="data2" [treeNodeTitleKey]="'name'" [checkableRelation]="'upward'"> </d-operable-tree>

<h4>checkableRelation = "downward"</h4>
<d-operable-tree [tree]="data3" [treeNodeTitleKey]="'name'" [checkableRelation]="'downward'"> </d-operable-tree>

<h4>checkableRelation = "none"</h4>
<d-operable-tree [tree]="data4" [treeNodeTitleKey]="'name'" [checkableRelation]="'none'"> </d-operable-tree>
